<template>
    <div id="Help-Top-Middle">
        <div id="Help-Top-top">
            <div class="content">
                <span class="iconfont icon-sousu"></span>
                搜索帮助内容
            </div>

        </div>
        <div id="Help-Top-bottom">
            <p>
                <i class="iconfont icon-shezhi-xue"></i>
                <span>站务内容</span>
            </p>
            <p>
                <i class="iconfont icon-yijian"></i>
                <span>意见反馈</span>
            </p>
        </div>
    </div>
</template>

<script>

    export default {
        name: "Top-Middle"
    }
</script>

<style lang="scss" scoped>
    #Help-Top-Middle {
        height: 1.2rem;
    }

    #Help-Top-top{
        height: 0.48rem;
        padding: 0 0.1rem;
        border-top:0.01rem solid #e6e6e6;
        display: flex;
        justify-content: center;
        align-items: center;


        .content{
            background-color: #ebebeb;
            width: 3.4rem;
            height: 0.3rem;
            border-radius: 0.04rem;
            text-align: center;
            line-height: 0.3rem;
            font-size: 0.18rem;
            color:#b0b0b0;

            span{
                font-size: 0.18rem;
            }
        }
    }

    #Help-Top-bottom{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.19rem 0.1rem 0.2rem;
        border-top: 0.02rem solid #f0f0f0;

        p{
            width: 50%;
            height: 0.31rem;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;

            span{
                font-size: 0.16rem;
                color:#000000;
                margin-left: 0.08rem;
            }
        }
        p:nth-child(1){
            i{
                color:#fa8b12;
                font-size: 0.2rem;
            }

            border-right:0.01rem solid #f6f6f6;
        }
        p:nth-child(2){
            i{
                color:#0070ff;
                font-size: 0.2rem;
            }


            border-left:0.01rem solid #cfcdcd;
        }
    }
</style>